<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <f:view contentType="text/html">
        <h:head>
            <c:set var="root" value="/" />            
            <c:set var="root2" value="#{request.contextPath}/" />
            <c:set var="rootImagen" value="#{root}resources/img/" />            
            <c:set var="rootEgresado" value="#{root}egresado/" />
            <c:set var="rootEmpresa" value="#{root}empresa/" />
            <c:set var="rootOcaa" value="#{root}ocaa/" />
            <c:set var="rootBienestar" value="#{root}bienestar/" />
            <c:set var="rootAdmin" value="#{root}admin/" />
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <link rel="stylesheet" type="text/css" href="#{root2}resources/css/estilo.css"/> 
            <script type="text/javascript" src="#{root2}resources/js/funciones.js"></script>
            <title>Login</title>            
        </h:head>
        <h:body>
            <p:layout fullPage="true" >
                

                <p:layoutUnit position="south" size="40" resizable="false" closable="false" collapsible="false">
                </p:layoutUnit>

                <p:layoutUnit style="margin-left:auto; margin-right:auto;"
                    position="center"   resizable="true" closable="true" collapsible="true">

                    <h:form id="form09" >                                
                        <p:growl id="form09growl01" for="forform09growl01" showDetail="true" life="1000"  />
                        <p:panel style="width: 300px;margin-left:auto; margin-right:auto;"  >
                            <h:panelGrid columns="1">                        
                                <p:graphicImage width="250" value="/resources/img/l1.jpg" />

                                <h:panelGrid id="grid_login_alumno" columns="1" style="margin-left:auto; margin-right:auto;"  >

                                    <p:outputLabel value="Usuario" />
                                    <p:inputText id="user" value="" required="true" label="usuario"/>
                                    <p:message for="user" display="both" />

                                    <p:outputLabel value="Contraseña" />
                                    <p:password id="password" value="" feedback="false" required="true" label="clave" />
                                    <p:message for="password" display="both" />

                                    <f:facet name="footer">                                        
                                        <p:commandButton id="loginButtonAlumno" value="Ingresar" icon="ui-icon-check"
                                                         actionListener="#{cLoginEgresado.login}" update="form09growl01,grid_login_alumno"                                         
                                                         oncomplete="javascript: manejarLogin(xhr, status, args)" />                                       
                                    </f:facet>
                                </h:panelGrid>

                            </h:panelGrid>
                        </p:panel>
                    </h:form>
                </p:layoutUnit>
            </p:layout>

        </h:body>
    </f:view>
</html>

